import React from 'react';
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import AddInform from './addInform';
import AddStock from './addStock';
import AddText from './addText';
import AddLogistics from './addLogistics';

const onChange = (key: string) => {
    console.log(key);
};

const items: TabsProps['items'] = [
    {
        key: '1',
        label: `基本信息`,
        children: <AddInform />,
    },
    {
        key: '2',
        label: `规格库存`,
        children:<AddStock />,
    },
    {
        key: '3',
        label: `商品详情`,
        children: <AddText />,
    },
    {
        key: '4',
        label: `物流设置`,
        children: <AddLogistics/>,
    },
    {
        key: '5',
        label: `营销设置`,
        children: `Content of Tab Pane 3`,
    },
    {
        key: '6',
        label: `其他设置`,
        children: `Content of Tab Pane 3`,
    }
];

type Props = {}

const AddManage = (props: Props) => {
    const defaultActiveKey = '1'
    return (
        <Tabs defaultActiveKey={defaultActiveKey} items={items} onChange={onChange} />
    )
}

export default AddManage